<%@page import="java.util.List"%>
<%@page import="com.y4oung.model.Business"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Gallery</title>
<meta charset="utf-8">
<meta name = "format-detection" content = "telephone=no" />

<link rel="stylesheet" type="text/css" href="../static/css/ui2.css?2013032917">

<script>
    function show(){
        document.getElementById('signup-modal').style.display = "block";  //显示	
        document.getElementById('login-modal').style.display = "none"; //隐藏	 
    }
    function show2(){
        document.getElementById('forgetform').style.display = "block";  //显示	
        document.getElementById('login-modal').style.display = "none"; //隐藏	 
    }
    function show3(){
        document.getElementById('login-modal').style.display = "block";  //显示	
        document.getElementById('signup-modal').style.display = "none"; //隐藏	 
    }
    function hide(){
        document.getElementById('signup-modal').style.display = "none"; 
        document.getElementById('login-modal').style.display = "none";
        document.getElementById('forgetform').style.display = "none";
        $(".modal-backdrop").remove();
		
		function signin(){
         document.getElementById('signup-modal').style.display = "none"; 
        document.getElementById('login-modal').style.display = "none";
        document.getElementById('forgetform').style.display = "none";
        $(".modal-backdrop").remove();
    }
    function signup(){
         document.getElementById('signup-modal').style.display = "none";
        document.getElementById('login-modal').style.display = "block";
        document.getElementById('forgetform').style.display = "none";
    }
    }
     
    </script>
<!--search css-->
    <link rel="stylesheet" type="text/css" href="../css/search/normalize.css" />
    <link rel="stylesheet" href="../css/search/font-awesome.min.css">
    <link rel="stylesheet" href="../css/search/style3.css">

	<link rel="icon" href="../images/favicon.ico">
	<link rel="shortcut icon" href="../images/favicon.ico" />
	<link rel="stylesheet" href="../css/touchTouch.css">

	<!--menu css-->
	<!-- Themify Icons-->
	<link rel="stylesheet" href="../css/themify-icons.css">
	<!-- Magnific Popup -->
	<link rel="stylesheet" href="../css/magnific-popup.css">
	<!-- Theme style  -->
	<link rel="stylesheet" href="../css/style2.css">

	<link rel="stylesheet" href="../css/style4.css" />
	<link rel="stylesheet" href="../css/stuck.css">
	<link rel="stylesheet" href="../css/form.css">
	<link rel="stylesheet" href="../css/bootstrap1.css">
	


<script>
 $(document).ready(function(){

  $().UItoTop({ easingType: 'easeOutQuart' });
  $('#stuck_container').tmStickUp({});
  $('.gallery .gall_item').touchTouch();

  }); 
</script>
<!-- font awesome -->
	<link href="../fonts/font-awesome.css" rel="stylesheet" />

	<!-- css -->
	<link rel="stylesheet" href="../css/gallery/styles123456.css" />
	<link href="../img/common/favicon.png" rel="shortcut icon" />
		<!--[if lt IE 8]>
		<link rel="stylesheet" href="css/styles.ie7.css" />
	<![endif]-->

	<link rel="stylesheet" href="../css/gallery/vendor/github.min.css" />
	<link href="../css/gallery/jpage.css" rel="stylesheet" type="text/css" />		


	<!-- 条件导航栏 -->
	<link rel="stylesheet" type="text/css" href="../css/gallery/style123456.css">
<link rel="stylesheet" href="../css/style6.css">

</head>

<!--==============================
              header
=================================-->
<header>
<!--==============================
            Stuck menu
=================================-->
  <section id="stuck_container" style="marign-left: 300px">
    <div class="container">
      <div class="row">
        <div class="grid_12">
        <h1>
          <a href="/j2ee/user/home">
            <img style="margin-bottom:10px;" src="../images/logo1.png" alt="Logo alt">
          </a>
        </h1>  
          <div class="navigation">
            <nav>
                <div style="margin-left: 13px;"class="search d1">
                    <form>
                      <input type="text" placeholder="Search……">
                      <button type="submit"></button>
										</form>
                    </div>
            </nav>
            <div class="clear"></div>
          </div>
        </div>
      </div>
    </div>
  </section> 
</header>
<!--=====================
          Content
======================-->
<!-- main content -->
<section class="content" >
		<div id="main-content" class="mainbox" style="background-color: #FFF">
			<div class="center" style="background-color: #FFF">
				<ul class="select">
					<li class="select-list">
						<dl id="select1">
							<dt>菜系：</dt>
							<dd class="select-all selected"><a href="#">全部</a></dd>
							<dd><a href="#">京菜</a></dd>
							<dd><a href="#">粤菜</a></dd>
							<dd><a href="#">湘菜</a></dd>
							<dd><a href="#">新疆菜</a></dd>
							<dd><a href="#">川菜</a></dd>
							<dd><a href="#">鲁菜</a></dd>
							<dd><a href="#">台湾菜</a></dd>
						</dl>
					</li>
					<li class="select-list">
						<dl id="select2">
							<dt>地区：</dt>
							<dd class="select-all selected"><a href="#">全部</a></dd>
							<dd><a href="#">海淀区</a></dd>
							<dd><a href="#">朝阳区</a></dd>
							<dd><a href="#">东城区</a></dd>
							<dd><a href="#">西城区</a></dd>
							<dd><a href="#">丰台区</a></dd>
							<dd><a href="#">房山区</a></dd>
							<dd><a href="#">通州区</a></dd>
						</dl>
					</li>
					<li class="select-list">
						<dl id="select3">
							<dt>氛围：</dt>
							<dd class="select-all selected"><a href="#">全部</a></dd>
							<dd><a href="#">情侣约会</a></dd>
							<dd><a href="#">朋友聚餐</a></dd>
							<dd><a href="#">家庭聚餐</a></dd>
							<dd><a href="#">商务宴请</a></dd>
							<dd><a href="#">随便吃吃</a></dd>
						</dl>
					</li>
					<li class="select-result">
						<dl>
							<dt>已选条件：</dt>
							<dd class="select-no">&nbsp;&nbsp;</dd>
						</dl>
					</li>
				</ul>
			<%List<Business> blist = (List<Business>)request.getAttribute("businessList"); %>
				<div id="page-content" class="box" style="background-color:#FFF;height:960px">
					<!-- jPage DEMO -->
					<div id="jpage" class="jpage box" style="background-color:#FFF;	">

						<!-- pagination panel -->
						<div class="box jpage-panel" data-type="panel" style="background-color:#FFF"></div>

						<div class="list box text-shadow" data-type="content" style="background-color:#FFF; width: 1175px;">						

							<%for(Business business : blist){ %>
							<!-- item  -->
							
							<div class="list-item box" >					
								<!-- img -->
								<div class="img left">
									<img src="<%=business.getImage()%>" onerror="javascript:this.src='../images/img_1.jpg' " style="width:100%;height:100%" alt="" title="" onclick="getInfo(<%out.print(business.getId()); %>)"/>
								</div>
								<!-- data -->
								<div class="block right">
								<a href="/j2ee/user/showResInfo.do?r_id=<%=business.getId()%>">
									<p class="date">口味<%=business.getTasteStars()%> 环境<%=business.getEnvironStars()%> 服务<%=business.getServiceStars()%></p>
									<p class="title"><%=business.getName() %></p>
									<p class="desc">
									<%for(int i=0;i< business.getStars();i++){ %>
									<img src="../img/love_red.png" width="15" height="15">
									<%} %>
									<%for(int i=0;i<5-business.getStars();i++){ %>
									<img src="../img/love_gray.png" width="15" height="15">
									<%} %>
								    &nbsp;<%out.print(business.getReviewCount()); %>条点评  |  人均 ￥<%out.print(business.getP_p_p()); %></p>
									<p class="desc"><%out.print(business.getCuisine());%> | <%out.print(business.getAddress()); %></p>
									<p class="desc">推荐菜：<%out.print(business.getRecomDishes()); %></p>
									<p class="like">团购：此餐馆有5个团购</p>
								</a>
								</div>
							</div>
							<%} %>
							
							</div>
						</div>
					</div>
					<!-- end of jPage DEMO -->
				</div>
			</div>
</section>
 
 
 <!-- j s脚本 -->
	<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
	<script src="../js/jquery.js"></script>
	<script src="../js/jquery-migrate-1.1.1.js"></script>
	<script src="../js/script.js"></script> 
	<script src="../js/superfish.js"></script>
	<script src="../js/jquery.equalheights.js"></script>
	<script src="../js/jquery.mobilemenu.js"></script>
	<script src="../js/jquery.easing.1.3.js"></script>
	<script src="../js/tmStickUp.js"></script>
	<script src="../js/jquery.ui.totop.js"></script>
	<script src="../js/TMForm.js"></script>
	<script src="../js/modal.js"></script>
	<script src="../js/touchTouch.jquery.js"></script>
	<script src="../js/yummy/restaurant.js"></script>
    <!--login-->
	<script src="../js/login/loginView.js"></script> 
	
	<!-- jQuery Easing -->
	<script src="../js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="../js/login/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="../js/jquery.waypoints.min.js"></script>
	<!-- Carousel -->
	<script src="../js/owl.carousel.min.js"></script>
	<!-- countTo -->
	<script src="../js/jquery.countTo.js"></script>

	<!-- Stellar Parallax -->
	<script src="../js/jquery.stellar.min.js"></script>

	<!-- Main -->
	<script src="../js/main.js"></script>
	<script src="../js/layer/layer.js"></script>
	
		<script type="text/javascript" src="../js/gallery/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="../js/gallery/script123456.js"></script>
	<!-- jpage -->
	<script src="../js/gallery/jpage123456.min.js"></script>
		

		<script>
			$('document').ready(function(){
				$('#jpage').jpage({
					effect: 'random' //'', 'crossfade', 'bricks', 'slideLeft', 'slideRight', 'random'
				});
			});
		</script>
<!--==============================
              footer
=================================-->
<footer id="footer" style="height:300px; background: #27252a;">
  <div class="container" >
    <div class="row" >
      <div class="grid_12" style="margin-top:50px;margin-bottom:100dx;">  
        <div class="socials">
          <a href="#" class="fa fa-twitter"></a>
          <a href="#" class="fa fa-facebook"></a>
          <a href="#" class="fa fa-google-plus"></a>
          <a href="#" class="fa fa-pinterest"></a>
        </div>
        <div class="copyright"><span class="brand">Yummy </span> &copy; <span id="copyright-year"></span> | <a href="#">Privacy Policy</a> <div>More Templates <a href="http://www.cssmoban.com/" target="_blank" title="Yummy">Yummy</a> - Collect from <a href="http://www.cssmoban.com/" title="Yummy" target="_blank">Yummy</a></div>
         <!-- <div style=" font-weight: normal;float: left;">
         	<span style=" position: relative; top: -2px; font-weight: 300; font-size: 18px;">Bliss </span> &copy; <span id="copyright-year"></span> | <a style="color: #535a5f;" href="#">Privacy Policy</a> 
         	<div style="padding-top: 6px;">More Templates <a style="color: #535a5f;" href="http://www.cssmoban.com/" target="_blank" title="Yummy">Yummy</a> - Collect from <a style="color: #535a5f;" href="http://www.cssmoban.com/" title="Yummy" target="_blank">Yummy</a></div> -->
        </div>
      </div>
    </div>
  </div> 
</footer> 

</body>
</html>
